Ext.define('aps.usuarioGrid', {
    extend: 'Ext.grid.Panel',
    alias : 'aps.usuarioGrid',
    
    name:       'usuario_grid',
    autoScroll: true,
    border:     false,
    height:     320,
    forceFit:   true,
    
    initComponent: function() {
        var self = this;
        this.store = Ext.create('aps.usuarioConsultaStore');
        this.layout = {
            type:  'fit',
            align: 'center'
        };
        this.columns = [
            { header: 'Id', flex: 0, dataIndex: 'id'},
            { header: 'Cedula', flex: 0, dataIndex: 'ci' },
            { header: 'Nombre de Usuario', flex: 0, dataIndex: 'nick'},
            { header: 'Nombres', flex: 0, dataIndex: 'nombres' },
            { header: 'Apellidos', flex: 0, dataIndex: 'apellidos' },
            { header: 'Direccion', flex: 0, dataIndex: 'direccion' },
            { header: 'Email', flex: 0, dataIndex: 'email' }
        ];
        this.tbar = Ext.create('Ext.PagingToolbar', {
            store: this.store,
            displayInfo: true,
            displayMsg: 'Total de elementos : {2}',
            emptyMsg: "<b>No hay datos que mostrar</b>"
        }),
        this.callParent(arguments);
    }
});
